<template>
    <div>
        <h1>朋友</h1>
        <h2>{{ $route.query.name }}</h2>
    </div>
</template>

<script>
export default  {
mounted(){
    console.log("接收值：", this.$route.query.name);
    console.log("编程式导航传参接收query：",this.$route.query.age)
    console.log("编程式导航传参接收query：",this.$route.query.gender)
    console.log("编程式导航传参接收params：",this.$route.params.age)
    console.log("编程式导航传参接收params：",this.$route.params.gender)
}
}
</script>

<style>

</style>